<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>支付</title>
    <link rel="stylesheet" href="../css/common.css" />
    <link rel="stylesheet" href="../css/pay.css" />
    <script type="text/javascript" src="../js/underscore.js"></script>
    <script type="text/javascript" src="../js/template.js"></script>
    <script type="text/javascript" src="../js/jQuery.min.js"></script>
    <script type="text/javascript" src="../js/common.js"></script>
    <script type="text/javascript" src="../js/pay.js"></script>
    <script type="text/javascript" src="../js/moment.js"></script>

    <script id="template_pay_info" type="text/html">
        <%for(var i = 0; i < list.length; i++) {%>
        <tr>
            <td><%:=list[i].type%></td>
            <td><%:=list[i].name%></td>
            <td><%:=list[i].price%></td>
            <td><%:=list[i].unit%></td>
            <td><%:=list[i].count%></td>
            <td><%:=list[i].subtotal%></td>
        </tr>
        <%}%>
    </script>

    <script id="template_gift_info" type="text/html">
        <%for(var i = 0; i < list.length; i++) {%>
        <tr>
            <td><%:=list[i].type%></td>
            <td><%:=list[i].name%></td>
            <td><%:=list[i].count%></td>
        </tr>
        <%}%>
    </script>

</head>
<body>
<div class="nav">
    <ul>
        <li><a href="home.html">Let's Go</a></li>
        <li><a href="home.html">主页</a></li>
        <li><a href="shopping_list.html">商品列表</a></li>
        <li>
            <a class="cart" href="cart_list.html">
                <img src="../image/cart.png" />
                <p id="cart_num">购物车(0)</p>
            </a>
        </li>
    </ul>
</div>
<div class="content">
    <p class="title">购物清单</p>
    <div class="split-line"></div>
    <p id="show_time">2018年6月12日 15:26:08</p>
    <table border="1px">
        <thead>
        <th>分类</th>
        <th>名称</th>
        <th>单价(元)</th>
        <th>单位</th>
        <th>数量</th>
        <th>小计</th>
        </thead>
        <tbody id="pay_list_info">
        </tbody>
    </table>
    <p class="title">赠送商品</p>
    <div class="split-line"></div>
    <table border="1px">
        <thead>
        <th>分类</th>
        <th>名称</th>
        <th>数量</th>
        </thead>
        <tbody id="gift_list_info">
        </tbody>
    </table>
    <div class="show-total">
        <p>总计：<span id="total">159元</span></p>
        <p>节省：<span id="save">9元</span></p>
        <button class="pay-button" onclick="confirm()">确定</button>
    </div>

</div>
</body>
</html>